<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>打开文件查看</h1>
		<p>
			学习笔记：
			1，input标签
			        text              文本框输入，显示文本内容
			        password     密码框输入，不显示文本内容
			        radio            单选框，用于多选一 （ 编辑name值：分组，有相同name属性值的单选框一组，一组中同时只能有一个被选中；加入checked为默认选择）
			        checkbox     多选框，用于多选多 同样可加checked
			        file               文件选择，用于上传文件 （multiple属性：上传多个文件，
			2，placeholder 
			   placeholder：占位符，提示用户输入内容的文本
			3，input系列标签
			type标签属性值有:1,submit，提交按钮，点击之后提交数据给后端服务器
			                                  2,reset，重置按钮，点击之后恢复表单默认值
			                                   3,button，普通按钮，默认无功能，之后配合js添加功能<intput type="button" value="普通按钮">
			4，button按钮标签（谷歌浏览器中button默认是提交按钮）
			5，select下拉菜单标签
			   select标签：下拉菜单的整体（selected为下拉菜单的默认选中）（父级）
			   option为下拉菜单的每一项，（子级）
			6，textarea文本域标签
			textarea属性 ：1：cols：规定文本域内可见宽度；2：rows：规定了文本域内可见行数
			7，label标签
			使用方法1：1，用label标签把内容（如：文本）包裹起来；2，在表单标签上添加id属性；3，在label标签的for属性中设置对应的id属性值
			使用方法2：1，直接使用label标签把内容（如：文本）和表单标签一起包裹起来,2，,需要把label标签的for属性删去
		</p>
		<p>
			学习笔记:
			P11、HTML认知-10-换行和水平线标签
			段落标签：p
			特点：段落之间存在间隙 独占一行
			换行标签 br
			特点：单标签 让文字强制换行
			水平线标签：hr
			特点：单标签 在页面中显示一条水平线
			P12、HTML认知-11-文本格式化标签
			需要让文字加粗、下划线、倾斜、删除线等效果
			b、u、i、s
			strong、ins、em、del表示的强调语义
			P13、HTML认知-12-图片-基本使用
			在网页中显示图片
			<img src="" alt="">
			P14、HTML认知-13-图片-属性
			单标签 img标签需要展示对应的效果，需要借助标签的属性进行设置
			当图片加载失败时，才显示alt的文本
			ttitle属性:当鼠标悬停时，才显示的文本
			width和height:宽度和高度 只设置width或height中的一个，另一个没设置的会自动等比例缩放
			P15、HTML认知-14-绝对路径
			绝对路径：指目录下的绝对位置，可直接到达目标位置，通常从盘符开始的路径
			相对路径：从当前文件开始出发找目标文件的过程
			P16、HTML认知-15-相对路径-同级和下级
			同级目录：当前文件和目标文件在同一目录中
			下级目录：目标文件在下级目录中
			P17、HTML认知-16-相对路径-上级
			上级目录：目标文件在上级目录中../
			P18、HTML认知-17-音频标签
			<audio src="" controls></audio>
			src：音频路径
			controls：音频控件
			autoplay：自动播放
			loop：循环播放
			P19、HTML认知-18-视频标签
			<video src="" controls></video>
			src：视频路径
			controls：视频控件
			autoplay：自动播放谷歌浏览器中可以配合muted属性实现自动静音播放
			loop：循环播放
			P20、HTML认知-19-超链接
			点击之后，从一个页面跳转到另一个页面
			<a href="#"></a>
			双标签，内部可以包裹内容 如果需要a标签点击之后去指定页面，需要设置a标签的href属性
			a标签默认文字有下划线
			a标签从未点击过，默认文字显示蓝色
			a标签点击过之后，文字显示为紫色（清除浏览器历史记录可恢复蓝色）
			target:_self当前页面替换 _blank新窗口跳转
		</p>
	</body>
</html>